@layout("/common/_container.html",{js:["/assets/basic/basicWarehouse/basicWarehouse_edit.js"]}){
<style>
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
   	 	background-color: #e6e6e6;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Edit Warehouse</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="basicWarehouseForm" lay-filter="basicWarehouseForm" class="layui-form layui-form-pane" style="max-width: 700px;margin: 40px auto;">
                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
                    <legend>Edit Warehouse Information</legend>
                </fieldset>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Project<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <select id="warehouseOperateId" name="warehouseOperateId" lay-filter="dataSourceId" lay-verify="required" required>
                            @for(item in basicOperatelist!){
                            <option value="${item.id}">${item.operateName}</option>
                            @}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Warehouse Name<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="warehouseName" name="warehouseName" placeholder="Enter warehouse name" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Warehouse Number<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="warehouseNumber" name="warehouseNumber" placeholder="Enter warehouse number" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Contact Person</label>
                    <div class="layui-input-block">
                        <input id="warehouseContacts" name="warehouseContacts" placeholder="Enter contact person" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Contact Number</label>
                    <div class="layui-input-block">
                        <input id="tel" name="tel" placeholder="Enter contact number" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Address<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="warehouseAddress" name="warehouseAddress" placeholder="Enter address" type="text" class="layui-input" lay-verify="required" required/>
                        <button class="layui-btn" type="button" id="selectlocation">&emsp;Select Address&emsp;</button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Longitude<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="longitude" name="longitude" placeholder="Enter longitude" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Latitude<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="latitude" name="latitude" placeholder="Enter latitude" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Available Area</label>
                    <div class="layui-input-block">
                        <input id="warehouseCanmeasure" name="warehouseCanmeasure" placeholder="Enter available area" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Total Area</label>
                    <div class="layui-input-block">
                        <input id="warehouseMeasure" name="warehouseMeasure" placeholder="Enter total area" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Warehouse Category</label>
                    <div class="layui-input-block">
                        <select id="warehouseTypes" name="warehouseTypes" lay-filter="warehouseTypes" lay-verify="" required>
                            <option value=""></option>
                            <option value="Retail">Retail</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">Warehouse Type<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <select id="warehouseType" name="warehouseType" lay-filter="warehouseType" lay-verify="required" required>
                            <option value="Storage Warehouse">Storage Warehouse</option>
                            <option value="Return Warehouse">Return Warehouse</option>
                            <option value="Defective Warehouse">Defective Warehouse</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Remarks</label>
                    <div class="layui-input-block">
                        <input id="warehouseNotes" name="warehouseNotes" placeholder="Enter remarks" type="text" class="layui-input" lay-verify="" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Back&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}